{ms:include filename=include/head.htm/}
  <link rel="stylesheet" href="{ms:globalskin.url/}css/swiper.css"></link>
  <style type="text/css">
    .swiper-slide div{
       height: 210px;
       padding-right: 30px;
    }
  </style>
<body>
    <div id="wrap">
       {ms:include filename=include/nav.htm/}
       {ms:include filename=include/list_head_bg.htm/}
        <!-- 内容 -->
        <div class="list_content">
            
            <div class="new_aritle">
                <p class="cy_title">
                      <span>{ms:field.typetitle/}</span>
                </p>
                <div class="aritle_content al_des">
                     {ms:arclist  flag=h}
                       <div>[field.content/]</div>
                     {/ms:arclist} 

                </div>
                 <p class="cy_title">
                      <span>案例</span>
                </p>
                <!-- swpier切换 -->
                <div class="swiper_wrap">
                  <div class="swiper-container">
                  <div class="swiper-wrapper">
                      {ms:arclist      orderby=sort ispaging=true flag=c}
                      <div class="swiper-slide">
                             <div>
                              <a href="[field.link/]"><img src="[field.litpic/]" /></a>
                              <p><a href="[field.link/]">[field.title/]</a></p>
                            </div>
                      </div>
                      {/ms:arclist} 
                  </div>
                  <!-- Add Pagination -->
                 
                  <!-- <div class="swiper-pagination"></div> -->
              </div>
               <div class="swiper-button-prev"></div>
                  <div class="swiper-button-next"></div>
                </div>
            </div>
            
        </div>
       {ms:include filename=include/footer.htm/}

    </div>
    {ms:include filename=include/list_js.htm/}
     <script src="{ms:globalskin.url/}js/swiper.js"></script>
    <script>
        $(function(){
            // swpier 切换
            var swpier_num = 3;
            if(window.util.check_mobile()){
                swpier_num  = 1;
            }
            var swiper = new Swiper('.swiper-container', {
                // pagination: '.swiper-pagination',
                slidesPerView:swpier_num,
                paginationClickable: true,
                // prevButton:'.swiper-button-prev',
                // nextButton:'.swiper-button-next',
                autoplay:true,
                speed:5000,
                loop:true
            });
            $('.swiper-button-prev').on('click', function(e){
                e.preventDefault()
                swiper.swipePrev()
            })
            $('.swiper-button-next').on('click', function(e){
              e.preventDefault()
              swiper.swipeNext()
            })

        })
    </script>
</body>
</html>
